<template>
  <i
    v-if="store.styleInfo.styleType == 1"
    class="iconfonts"
    :style="{
      fontSize: '32px',
    }"
  >
    &#xe6c1;
  </i>
  <i
    v-if="store.styleInfo.styleType == 2"
    class="iconfonts"
    :style="{
      fontSize: '32px',
    }"
  >
    &#xe6bb;
  </i>
  <i
    v-if="store.styleInfo.styleType == 3"
    class="iconfonts"
    :style="{
      fontSize: '32px',
    }"
  >
    &#xe6b7;
  </i>
  <i
    v-if="store.styleInfo.styleType == 4"
    class="iconfonts"
    :style="{
      fontSize: '32px',
    }"
  >
    &#xe6ba;
  </i>
</template>

<script setup lang="ts">
import { useProjectStore } from '@/store';

const store = useProjectStore();
</script>

<style scoped lang="less">
.iconfonts {
  width: 32px;
  // position: absolute;
  // top: 0;
  // right: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
</style>
